<template>
    <div>
        <pc-header></pc-header>
        <a-spin size="large" :spinning="isLoad">
            <div class="main-content">
                <router-view></router-view>
            </div>
        </a-spin>
    </div>
</template>

<script lang="ts">
import {useStore} from "vuex"
import pcHeader from '/@components/pcHeader.vue'
import { defineComponent, computed} from "vue";

export default defineComponent({
    name: "App",
    components: {pcHeader},
    setup() {
        const store = useStore()
        const isLoad = computed(()=>store.state.isLoad)
        return {isLoad}
    }
})
</script>

<style lang="scss">
   .main-content{
       width:85%;
       margin:20px auto;
   }
</style>
